<template>
  <div class="pro-content">




    <div class="con-pro">
      <div class="container container1">
        <div class="row">
          <div class="col-sm-6 col-md-6 col-sm-offset-1 col-md-offset-1 ">
            <div class="con-pro-text text">
              <h2><a id="ctv1" name="ctv1"></a>SIO数据采集终端</h2>
            </div>
          </div>
          <div class="col-sm-4 col-md-4">
            <img class="con-pro-img img-responsive img-thumbnail img-auto" src="../../img/img05.jpg" alt="gm">
          </div>
        </div>
      </div>

      <div class="container container2">
        <div class="single">
          <div class="con-pro-blog">
            <h3>一：产品特点</h3>
            <ul class="grid-part">
              <li><p>具有两路 EtherCAT总线接口，一进一出。</p></li>
              <li><p>远程IO与EtherCAT转CAN，转RS485网关相结合。</p></li>
              <li><p>最多达16路输入、8路输出、2路AD差分信号输入以及2路DA输出。</p></li>
              <li><p>指示灯实时指示输入输出状态、通讯状态以及故障信号。</p></li>
              <li><p>免螺丝快速插头，接线更方便。</p></li>
            </ul>
            <h3>二：应用场合</h3>
            <p class="con-pro-p3">
              可运用在工业领域，包括自动化、机械控制、测量技术等。
            </p>
          </div>
          <h3>三：产品参数</h3>
          <div class="con-pro-imgLast">
            <img class="img-responsive img-thumbnail " src="../../img/img08.png" />
          </div>
          <h3>四：产品外观</h3>
          <div class="con-pro-imgLast">
            <img class="img-responsive img-thumbnail " src="../../img/imge65.png" />
          </div>
          <div class="con-pro-imgLast">
            <img class="img-responsive img-thumbnail " src="../../img/imge66.png" />
          </div>
          <div class="con-pro-imgLast">
            <img class="img-responsive img-thumbnail " src="../../img/imge67.png" />
          </div>

          <h3>五：尺寸图</h3>
          <div class="con-pro-imgLast">
            <img class="img-responsive img-thumbnail " src="../../img/img09.png" />
            <img class="img-responsive img-thumbnail " src="../../img/img10.png" />
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script type="text/ecmascript-6">
export default{
  data: {
    return: {
    }
  },
  methods: {
    rollctv1: function () {
      document.getElementById('ctv1').scrollIntoView(true);
    },
    rollctv2: function () {
      document.getElementById('ctv2').scrollIntoView(true);
    },
    rollctv3: function () {
      document.getElementById('ctv3').scrollIntoView(true);
    }
  }
};
</script>

<style lang="stylus" rel="stylesheet/stylus">


  .pro-content
    padding-top: 60px




  .con-pro-text
    vertical-align: middle; /*垂直居中*/
    /*vertical-align: middle;*/
    padding: 0 20px 0 0
    line-height: 1.8em


  .con-pro-img
    margin:  0
    text-align: center






  .con-pro-imgLast
    margin: 0 0 20px
    text-align: center


</style>
